body {
  min-height: 100vh;
  min-width: 100vw;
  background: #000;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.android-compact-2 {
  position: relative;
  width: 400px;
  height: 850px;
  max-width: 100vw;
  max-height: 100vh;
  margin: auto;
  overflow: hidden;
  background: #000;
  border-radius: 16px;
}

.component-5 {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 180px;
  top: 40px;
}
.rectangle-5 {
  border-radius: 0px;
  width: 329px;
  height: 42px;
  position: absolute;
  left: 35px;
  top: 540px;
}
.continue-with-google {
  background: linear-gradient(90deg, #fff 10%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  left: 94px;
  top: 548px;
  width: 212px;
  height: 25px;
}
.change-the-world {
  background: linear-gradient(90deg, #fff 6%, #999 89%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 36px;
  font-weight: 400;
  position: absolute;
  left: 60px;
  top: 250px;
  width: 280px;
  height: 54px;
}
.rectangle-8 {
  background: #000;
  border: 1px solid #737373;
  width: 140px;
  height: 5px;
  position: absolute;
  left: 30px;
  top: 620px;
}
.rectangle-9 {
  background: #000;
  border: 1px solid #737373;
  width: 140px;
  height: 5px;
  position: absolute;
  left: 230px;
  top: 620px;
}
.or {
  color: #fff;
  text-align: center;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 185px;
  top: 615px;
  width: 30px;
  height: 16px;
}
.rectangle-10 {
  border-radius: 0px;
  width: 329px;
  height: 42px;
  position: absolute;
  left: 35px;
  top: 670px;
}
.create-account {
  background: linear-gradient(90deg, #fff 10%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  left: 127px;
  top: 678px;
  width: 145px;
  height: 25px;
}
.div {
  background: linear-gradient(180deg, #fff 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 36px;
  font-weight: 400;
  position: absolute;
  left: 265px;
  top: 350px;
  width: 17px;
  height: 47px;
}
.have-an-account-already {
  color: #fff;
  text-align: left;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 35px;
  top: 780px;
  width: 208px;
  height: 30px;
}
.rectangle-182 {
  background: #000;
  border-radius: 4px;
  border: 1px solid #8c8c8c;
  width: 50px;
  height: 19px;
  position: absolute;
  left: 240px;
  top: 780px;
}
.log-in {
  color: #fff;
  text-align: left;
  font-family: "ABeeZee-Regular", sans-serif;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  left: 250px;
  top: 783px;
  width: 43px;
  height: 13px;
}
.component-25 {
  width: 102px;
  height: 100px;
  position: absolute;
  left: 150px;
  top: 120px;
  box-shadow: 0px 0px 1.73px 0px #fff, 0px 0px 3.46px 0px #fff, 0px 0px 12.1px 0px #fff, 0px 0px 24.19px 0px #fff, 0px 0px 41.47px 0px #fff, 0px 0px 72.58px 0px #fff;
}
.ellipse-239 {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
.ellipse-240 {
  background: #d3d3d3;
  border-radius: 50%;
  width: 20%;
  height: 20%;
  position: absolute;
  right: 52%;
  left: 28%;
  bottom: 40%;
  top: 40%;
}
.ellipse-241 {
  background: #000;
  border-radius: 50%;
  opacity: 0.7;
  width: 66%;
  height: 90%;
  position: absolute;
  right: 0%;
  left: 34%;
  bottom: 5%;
  top: 5%;
}
.ellipse-242 {
  background: #777;
  border-radius: 50%;
  width: 12%;
  height: 12%;
  position: absolute;
  right: 18.5%;
  left: 69.5%;
  bottom: 10%;
  top: 78%;
}
.ellipse-243 {
  background: #b1b1b1;
  border-radius: 50%;
  width: 12%;
  height: 12%;
  position: absolute;
  right: 34.5%;
  left: 53.5%;
  bottom: 79.5%;
  top: 8.5%;
}

@media (max-width: 500px) {
  body {
    padding: 0;
    margin: 0;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .android-compact-2 {
    width: 100vw;
    height: 100vh;
    min-width: 0;
    min-height: 0;
    left: 0;
    top: 0;
    transform: none;
    display: block;
    overflow: hidden;
    border-radius: 0;
  }
  .component-5 {
    left: 45vw !important;
    top: 15vw !important;
    width: 75px !important;
    height: 75px !important;
  }
  .rectangle-5,
  .rectangle-10 {
    left: 10vw !important;
    width: 80vw !important;
  }
  .continue-with-google {
    left: 20vw !important;
    width: 60vw !important;
    font-size: 5vw !important;
  }
  .change-the-world {
    left: 10vw !important;
    width: 80vw !important;
    font-size: 8vw !important;
  }
  .rectangle-8 {
    left: 10vw !important;
    width: 30vw !important;
  }
  .rectangle-9 {
    left: 60vw !important;
    width: 30vw !important;
  }
  .or {
    left: 45vw !important;
    width: 10vw !important;
    font-size: 3vw !important;
  }
  .create-account {
    left: 30vw !important;
    width: 40vw !important;
    font-size: 5vw !important;
  }
  .div {
    left: 70vw !important;
    font-size: 8vw !important;
  }
  .have-an-account-already {
    left: 10vw !important;
    width: 60vw !important;
    font-size: 4vw !important;
  }
  .rectangle-182 {
    left: 70vw !important;
    width: 20vw !important;
  }
  .log-in {
    left: 75vw !important;
    width: 15vw !important;
    font-size: 3vw !important;
  }
  .component-25 {
    left: 25vw !important;
    top: 15vw !important;
    width: 50vw !important;
    height: 50vw !important;
  }
}